import { StyleSheet, Text, View, ScrollView } from 'react-native'
import React from 'react'
import BoxCard from '../components/BoxCard'
import TitleBox from '../components/TitleBox'
import CellBox from '../components/CellBox'

const Manage = () => {
    return (
        <>
            <ScrollView
                style={{
                    flex: 1
                }}
            >
                <BoxCard>
                    <TitleBox title="Linux CentOS 靶向机 8K67TRsj" label="CPU 2核 - 内存 4GB - 系统盘60GB"></TitleBox>
                    <CellBox title="CPU使用" label="58.84% / 2核"></CellBox>
                    <CellBox title="内存使用" label="2.39GB / 4GB"></CellBox>
                    <CellBox title="系统盘使用" label="36.28GB / 60GB"></CellBox>
                    <CellBox title="系统盘IO" label="(读)3.683KB/s (写)75.916KB/s"></CellBox>
                    <CellBox title="公网带宽" label="(出)4.173KB/s (入)0.773KB/s"></CellBox>
                </BoxCard>
                <BoxCard>
                    <TitleBox title="Linux CentOS 操作机 8K67875j" label="CPU 8核 - 内存 16GB - 系统盘200GB"></TitleBox>
                    <CellBox title="CPU使用" label="12.84% / 8核"></CellBox>
                    <CellBox title="内存使用" label="10.54GB / 16GB"></CellBox>
                    <CellBox title="系统盘使用" label="96GB / 200GB"></CellBox>
                    <CellBox title="系统盘IO" label="(读)12.683MB/s (写)10.916MB/s"></CellBox>
                    <CellBox title="公网带宽" label="(出)0.513KB/s (入)5.773MB/s"></CellBox>
                </BoxCard>
            </ScrollView>
        </>
    )
}

export default Manage

const styles = StyleSheet.create({})